body
{
margin: 0;
background: #fff;
}

h1
{
color:#000000;
text-align:center;
}

h2
{
color:#000000;
text-align:center;
}

h3
{
font-size:14px;
color:#000000;
text-align:center;
}

p
{
/* Text shadows for browsers supporting them */
/*text-shadow: 1px 1px 1px #000;*/
font-family:"Arial";
font-size:14px;
color:#000000;
}

p.header{
text-align: right !important;
padding-right: 10px;
margin: 0;
}

/* Customize your tables and table cells using classes and id's */
table
{
  border-collapse:collapse;
  border:none;
}

a
{
font-family:"Arial";
font-size:14px;
/* Text shadows for browsers supporting them */
text-shadow: 1px 1px 1px #000;
color:#fff;
text-decoration: none;
}

a:hover
{
color:silver;
}

hr
{
margin:20px;
}

legend
{
color:#FFFFFF;
font-style:italic;
font-size:30px;
}

div.column_set
{
  display: table;
}

div.column
{
  display: table-cell;
  vertical-align: top;
}

/* Following two classes excist, because someone has used column and column_set for something else */
div.column_set2
{
  display: table !important;
}

div.column2
{
  display: table-cell !important;
  float: none !important;
  vertical-align: top;
}

#pleaseWaitScreen
{
position:absolute;
z-index:5;
top:30%;
left:42%;
border:2px solid #696969;
color:#FFFFFF;
}

#Table1
{
background-color:#5A84AE; 
border:5px;
cellpadding:5px; 
cellspacing:0px; 
height:100px; 
width:150px;
}

#runko .column_set
{
  width: 100%;
  height: 95%;
  overflow: hidden;
}

#runko .column_set .column
{
height: 650px;
}

#textArea{
max-width:650px;
}

#column_1{
width: 30%;
min-width: 250px;
background-color: #FFF;
}

#column_2{
width: 65%;
}

#personInfo
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
-moz-border-radius: 12px 12px 0px 0px;
border-radius: 12px 12px 0px 0px;
}
#personInfo td, #personInfo th 
{
font-size:12px;
border-bottom:1px solid #696969;
padding:3px 7px 2px 7px;
max-width: 150px;
word-wrap: break-word;
}

thead{
-moz-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
}

#username{
/* Text shadows for browsers supporting them */
text-shadow: 1px 1px 1px #000;
}

#personInfo th 
{
font-size:14px;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#5A84AE;
color:#fff;
}

#personInfo .unsortable{
cursor:auto;
}

.first{

}

.last{

}

#personInfo tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}

#personInfo tbody{
background-color:#FFFFFF;
}

#kokosivu
{
margin: 0 auto;
max-width: 1200px;
min-width: 630px;
}

#runko{
background-image:url('./background_highrez.png');
background-repeat:no-repeat;
background-position:center center;
padding:10px;
float:left;
width:100%;
height:720px;
-moz-border-radius: 0px 0px 12px 12px;
border-radius: 0px 0px 12px 12px;
}

#text_container{
-moz-border-radius: 0px 0px 0px 3px;
border-radius: 0px 0px 0px 3px;
max-height:600px;
min-height:450px;
min-width: 600px;
max-width: 600px;
overflow:auto;
background-color:#fff;
}

.document
{
margin-left:5px;
margin-right:5px;
height: 100%;
max-width: 60%;
background-color:#E4EEF9;
border-style:solid;
border-width:1px;
border-color:#696969;
text-align:justify;
overflow:auto;
-moz-border-radius: 0px 0px 0px 35px;
border-radius: 0px 0px 0px 35px;
}

.inputField{
font-size: 10px;
}

#korvattava
{
  height: 600px;
  overflow-y: scroll;
}

/* #delete_btn_container is a div for delete button in file_management.php:ssa */
div#delete_btn_container
{
float:right;
width:100%;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
}

div#delete_btn_container button{
float:right;
}

.helpfield{
float:left;
display:block;
width:45%;
height:30%;
}

#uploadTools{
position:relative;
float:left;
display:block;
width:95%;
height:60%;
min-height:200px;
}


#uploadframe{
overflow-y:auto !important;
}

#filemanag{
max-width: 100%;
width: 100%;
min-width: 260px;
height: 94%;
/*overflow-y:scroll;*/
-moz-border-radius: 3px;
border-radius: 3px;
}

.blue_header{
background-color:#5A84AE;
color:#fff;
text-align:center;
width:100%;
height: 30px;
}

#filemanag .status {
	font-size: 8pt;
}

span.status span.status_unprocessed {
	color: red;
}

span.status span.status_processed {
color: #a90 ;
}

span.status span.status_completed {
	color: green;
}


#document p
{
padding:5px;
}

#controls
{
max-width:600px;
/*text-align:justify;*/
-moz-border-radius: 3px;
border-radius: 3px;
background-color:#fff;
}

#controls.file_manager{
padding: 0 5% 0 5%;
width:90%;
}

#controls div, #controls hr{
display:block;
float: left;
}

#controls div{
width:100%;
}

#settings, #login_form, #uploadFrame{
float:center;
margin-left:1px;
margin-right:5px;
width:93%;
height:90%;
padding:25px;
border-style:solid;
border-width:1px;
text-align:justify;
overflow-y:auto !important;
-moz-border-radius: 3px;
border-radius: 3px;
background-color:rgba(255,255,255,0.85);
}

#navigointipalkki 
{
width:100%;
}

#form_block{
width:100%;
float:left;
margin:10px 0 15px 0;
}

#login_form form{
width: 200px;
float:left;
}

#login_form form p, #login_form form input{
float:right;
}

#wordTable
{
background-color:#FFF;
overflow-y:auto !important;
height:100%;
min-height:300px;
-moz-border-radius: 35px 35px 5px 5px;
border-radius: 35px 35px 5px 5px;
}

#main_controls
{
height:95%;
max-height: 550px;
height: 550px;
overflow: auto;
}

#controlDiv 
{
height:95%;
-moz-border-radius: 35px;
border-radius: 35px;
}

#controlDiv legend
{
  color: black;
}

#replacer th
{
width:100%;
}

.headerbutton{
width:100%;
height:100%;
}

.valilehtinen {
font-size:15px;
font-weight:bold;
margin:0;
padding:0 0 0 15px;
text-decoration:none;
text-indent:0;
width:inherit;
}

#testi{
font-size:60px;
font-weight:bold;
}

#helpicon
{
width:10px;
height:10px;
background-image:url('./question_icon.jpg');
}

#color-legend
{
text-align:center;
width: 80%;
background-color:rgba(200,200,200,0.75);
-moz-border-radius: 12px;
border-radius: 12px;
}

#myDiv
{
text-align:left
color:#FFFFFF;
}

#buttonDiv
{

}

#buttonDiv div
{
width: 33% !important;
}

#buttonDiv div .small_button
{
margin: 10px auto !important;
}

#username
{
color:#fff;
font-size:21px;
width:100%;
height:100px;
background-image:url('leader_gradient.png');
background-repeat: repeat-y;
background-position: right top;
display:block;
}

#username a, #username p{
color:#fff;
font-family: Arial,Helvetica,sans-serif;
font-size:20px;
}

#username a:hover{
color:silver;
}

#logout
{

}



.hilight{
background-color:silver;
}

.korostettusarake
{
background-color:#FFF;
}

.kuva
{
float:right;
border:0;
}

.nykysivu{
color:brown;
}

.sortable
{
background-image:url("bg.gif");
background-repeat:no-repeat;
background-position:right;
}

.headerSortDown
{
background-image:url("desc.gif");
}

.headerSortUp
{
background-image:url("asc.gif");
}

ul.valilehdet {
display:block;
float:left;
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
min-width:500px;
width:100%;
}

ul.valilehdet li {
float:left;
font-size:14px;
font-weight:bold;
}

ul.valilehdet li a{
display:block;
/*padding: 8px 0 0 0;*/
font-size: 16px;
width: 246px;
height: 31px;
line-height:31px;
background-repeat:no-repeat;
background-position:left;
background-image: url('./tab.png');
text-align:center;
}

ul.valilehdet li a:hover{
background-image: url('./tab_hover.png');
}

ul.valilehdet li a:active{
background-image: url('./tab_active.png');
}

a.small_button{
display:block;
text-align:center;
font-size: 14px;
line-height:26px;
width: 145px;
height: 26px;
margin:10px 0 10px 0;
background-image:url('button_small.png');
}

a.small_button:hover{
background-image:url('button_small_hover.png');
}

a.small_button:active{
background-image:url('button_small_active.png');
}

a.button_wide{
display:block;
float:right;
text-align:center;
font-size: 18px;
line-height:47px;
width: 257px;
height: 47px;
margin:10px 0 10px 0;
background-image:url('button_wide.png');
}

a.button_wide:hover{
background-image:url('button_wide_hover.png');
}

a.button_wide:active{
background-image:url('button_wide_active.png');
}

div.demo
{
margin: 15px;
}

#demo-frame > div.demo1
{
padding: 10px !important;
}

#footer
{
  padding-top: .3em;
}

